:root {
  --vp-c-brand-1: #1677ff;

  --vp-button-brand-bg: var(--vp-c-brand-1);
  --vp-button-brand-border: var(--vp-c-brand-1);
  --vp-button-brand-hover-border: #4096ff;
  --vp-button-brand-hover-bg: #4096ff;

  --vp-home-hero-name-color: transparent;
  --vp-home-hero-name-background: -webkit-linear-gradient(120deg, var(--vp-c-brand-1), #42d392);

  --vp-home-hero-image-background-image: linear-gradient(-45deg, #a7d9ff 50%, #c3ffe2 50%);
  --vp-home-hero-image-filter: blur(60px);

  --ball-background: #e6f9ff;
}

:root.dark {
  --ball-background: rgba(255, 255, 255, 0.05);
  --vp-home-hero-image-background-image: linear-gradient(-45deg, #0a6ab1 50%, #096e3d 50%);
}

body {
  font-size: 14px;
}

.ant-spin-spinning {
  display: block;
  line-height: 1;
}

.VPFeature .VPImage {
  width: 40px !important;
  height: 40px !important;
}

.is-home::before {
  content: ' ';
  width: 400px;
  height: 400px;
  border-radius: 100%;
  background-color: var(--ball-background);
  z-index: -1;
  /* transition: all ; */

  position: fixed;
  top: 80px;
  left: -50px;

  animation: slide-ani 10s 200ms linear alternate infinite;
  animation-delay: 600ms;
}

.is-home::after {
  content: ' ';
  width: 200px;
  height: 200px;
  border-radius: 100%;
  background-color: var(--ball-background);
  z-index: -1;
  /* transition: all ; */

  position: fixed;
  bottom: 120px;
  right: 0px;

  animation: slide-ani2 9s 200ms linear alternate infinite;
  animation-delay: 600ms;
}

@keyframes slide-ani {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(20px, 20px);
  }
  50% {
    transform: translate(0, 40px);
  }
  75% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}

@keyframes slide-ani2 {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(-15px, 0);
  }
  50% {
    transform: translate(0, 20px);
  }
  75% {
    transform: translate(-10px, 10px);
  }
  100% {
    transform: translate(0, 0);
  }
}

.DocSearch-Hit mark {
  padding: 0;
}
